<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/码云登录.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2781855_auc06se8zc.css">
</head>
<body>
    <div class="banner">
        <div class="content">
            <div class="content-left">
                <div class="left-img">
                    <img src="./images/images3/logo.svg" width="144" height="45" alt="">
                </div>
                <h2>云端软件开发写作平台</h2>
                <div class="left-title">
                    <span>邝海山</span>
                    <span>招商银行 Gitee 推广负责人</span>
                </div>
                <div class="left-warp">
                    <p>
                        在互联网技术百花齐放的今天，代码管理工具却几乎被 Git 一统江湖。 Git 是分布式产品，
                        具有速度快，扩展性好的特点，十分适合代码量大、用户多的企业。作为国内 Git 产品，Gitee 
                        对于国人来说，界面友好，响应客户需求及时，本地技术力量雄厚，是企业级应用的优秀选择。
                    </p>
                </div>
                <div class="left-bottom">
                    <a href="#">
                        <span>Gitee 企业版</span>&nbsp;
                         - &nbsp;企业级软件协作开发管理平台
                        <i class="iconfont icon-youjiantou_huaban"></i>
                    </a>
                </div>
            </div>

            <div class="content-right">
                <div class="right-title">
                    <div class="title-left">
                        <h2>登录</h2>
                    </div>
                    <div class="title-right">
                        <span>没有账号？ <a href="#">点此注册</a></span>
                    </div>
                </div>

                <div class="right-warp">
                    <input class="input" type="text" placeholder="手机/邮箱/个人空间地址">
                    <input class="input" type="password" placeholder="请输入密码">
                    <div class="warp-verify">
                        <div class="verify-left">
                           <input type="checkbox" name="ss">
                           <span>记住我</span>
                        </div>
                        <div class="verify-right">
                            <a href="#">短信验证码登录</a>
                        </div>
                    </div>
                    <button>登录</button>
                    <div class="warp-bottom">
                        <a href="#">已有账号，忘记密码？</a>
                    </div>
                </div>

                <div class="content-ico">
                    <img src="./images/images3/tubiao.jpg" alt="">
                    <span>使用OSChina账号登录</span>
                </div>

                <div class="right-bottom">
                    <div class="bottom-font">
                        <span>其他方式登录</span>
                    </div>
                    <img src="./images/images3/xuebi.jpg" width="360" alt="">
                </div>
            </div>
        </div>
    </div>
</body>
</html>